<template>
    <div class="home">
        <Header head-title="我的收藏" go-back="true"></Header>
        <section class="group">
        <el-tabs v-model="activeName">
            <el-tab-pane label="医生收藏" name="first">
                <section class="Select HosAll" @click="Doctor()">
                    <section class="Doctor">
                        <img src="../../../assets/img/Touxiang.png" alt="">
                    </section>
                    <section class="fontsMin homeJY">
                        <h3 class="fonts">刘艳晓
                            <span class="fontC6">主治医师-妇产科</span>
                        </h3>
                        <p>平顶山市第一人民医院</p>
                        <p>擅长：糖尿病，甲状腺，肾上腺，脑垂体等疾病的诊治...</p>
                    </section>
                </section>
                <section class="Select HosAll" @click="Doctor()">
                    <section class="Doctor">
                        <img src="../../../assets/img/Touxiang.png" alt="">
                    </section>
                    <section class="fontsMin homeJY">
                        <h3 class="fonts">刘艳晓
                            <span class="fontC6">主治医师-妇产科</span>
                        </h3>
                        <p>平顶山市第一人民医院</p>
                        <p>擅长：糖尿病，甲状腺，肾上腺，脑垂体等疾病的诊治...</p>
                    </section>
                </section>
                <section class="Select HosAll" @click="Doctor()">
                    <section class="Doctor">
                        <img src="../../../assets/img/Touxiang.png" alt="">
                    </section>
                    <section class="fontsMin homeJY">
                        <h3 class="fonts">刘艳晓
                            <span class="fontC6">主治医师-妇产科</span>
                        </h3>
                        <p>平顶山市第一人民医院</p>
                        <p>擅长：糖尿病，甲状腺，肾上腺，脑垂体等疾病的诊治...</p>
                    </section>
                </section>
            </el-tab-pane>
            <el-tab-pane label="医院收藏" name="second">
                <section class="Select HosAll" @click="HosRegisted()">
                    <section class="HosImg">
                        <img class="borderR" src="../../../assets/img/image1.jpg" alt="">
                    </section>
                    <div class="HosCon">
                        <section class="Select">
                            <h3 class="fonts">平顶山市第一人民医院</h3>
                        </section>
                        <section class="Select HosCenter">
                            <p class="activecolor fonts">三级甲等</p>
                            <p class="fonts">综合医院</p>
                        </section>
                        <section class="Select iconDW">
                            <p class="fontsMin">河南省平顶山市卫东区优越路117号</p>
                        </section>
                    </div>
                    <div class="arrow">
                        <img src="../../../assets/img/arrow.png" alt="">
                    </div>
                </section>
                <section class="Select HosAll" @click="HosRegisted()">
                    <section class="HosImg">
                        <img class="borderR" src="../../../assets/img/image1.jpg" alt="">
                    </section>
                    <div class="HosCon">
                        <section class="Select">
                            <h3 class="fonts">平顶山市第一人民医院</h3>
                        </section>
                        <section class="Select HosCenter">
                            <p class="activecolor fonts">三级甲等</p>
                            <p class="fonts">综合医院</p>
                        </section>
                        <section class="Select iconDW">
                            <p class="fontsMin">河南省平顶山市卫东区优越路117号</p>
                        </section>
                    </div>
                    <div class="arrow">
                        <img src="../../../assets/img/arrow.png" alt="">
                    </div>
                </section>
            </el-tab-pane>
        </el-tabs>
        </section>
    </div>
</template>
<script>

import Header from '../../../components/Header'

export default {
  data () {
    return {
      activeName: 'first'
    }
  },
  components: {
    Header
  },
  methods: {
    //    医生收藏，点击医生，跳转到医生主页
    Doctor () {
      this.$router.push({
        path: '/Doctor'
      })
    },
    //  亿元收藏，点击医院，跳转到医院主页
    HosRegisted () {
      this.$router.push({
        path: '/HospitalDetail'
      })
    }
  }
}
</script>

<style scoped>
.group {
    margin-top: -0.4rem;
}
</style>
